<script>
import {defineComponent} from 'vue'
export default defineComponent({
  name: "MyHeader"
})
</script>

<template>
    <header>
      <!--具名插槽-->
      <slot name="left">left</slot>
      <slot name="center">center</slot>
      <slot name="right">right</slot>
    </header>
</template>

<style scoped lang="less">
header{
  width: 100%;
  height: 50px;
  background-color: #fc6060;
  display: flex;
  justify-content: space-around;
 align-items: center;
}
</style>
